<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>RADAR-计划</title>

	<link href="${path }/css/style.css" rel="stylesheet" type="text/css">
    <link href="${path }/radar/strategy/strategyControl.css" rel="stylesheet" type="text/css"/>
    <link href="${path }/common/plugins/icons.css" rel="stylesheet" type="text/css">  
    <link href="${path }/common/plugins/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="${path }/common/plugins/ui/plugins.css" rel="stylesheet" type="text/css">    
    <link href="${path}/common/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">

<!--内部样式引用-->
<%-- <link rel="stylesheet" type="text/css" href="${path}/hhm/strategy/css/in-side.css" /> --%>
<!--基本支持性脚本-->
    <link href="${path }/common/plugins/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
    <link href="${path }/common/plugins/MyDate97/skin/WdatePicker.css" rel="stylesheet" type="text/css">
    <script src="${path }/js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="${path }/common/plugins/MyDate97/WdatePicker.js" type="text/javascript"></script>
    <script src="${path }/common/plugins/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="${path }/common/plugins/zTree/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
    <script src="${path }/common/plugins/layer/layer.js" type="text/javascript"></script>
    <script src="${path }/js/user_js.js" type="text/javascript"></script>
    <script src="${path}/js/common.js" type="text/javascript" type="text/javascript"></script>	
	 <link href='${path }/radar/strategy/js/checkCalendar/fullcalendar.css' rel='stylesheet' />
	<link href='${path }/radar/strategy/js/checkCalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
	<script src='${path }/radar/strategy/js/checkCalendar/lib/moment.min.js' type="text/javascript"></script>
	<script src='${path }/radar/strategy/js/checkCalendar/fullcalendar.js' type="text/javascript"></script>
	<script src='${path }/radar/strategy/js/checkCalendar/lang-all.js' type="text/javascript"></script>
	<script src='${path }/radar/strategy/js/checkCalendar/checkCalendar.js' type="text/javascript"></script>
	<script src='${path }/radar/strategy/planDetail.js' type="text/javascript"></script>

</head>            <!--后台数据块  -->
   <script type="text/javascript">
    
	var basePath="${path }" ;//根路径
	var type="${type}" ;//策略类型 
	var strategyID="${strategyId}"; //策略ID
	var editPlanId="${planID}";//修改计划id
	var opera="${opera}";//操作类型
	var Strategydate=${Strategydate};//计划  json
	var StrategyItem=${StrategyItem};//监控项 json
	
   </script>
   <!--后台数据块  -->
    <script type="text/javascript">
        var basePath="${path }" ;
    </script>
</head>
<body>
     <div class="content_condition">
                        <div class="content_group">
                            <div class="span5">
                                <label class="control-label">计划名称:</label>
                                <div class="controls">
                                    <input type="text" id="planName"  checkData="NotNull_计划名称不能为空"/>
                                </div>
                            </div>
                        </div>
                        <div class="content_group">
                            <div class="span5 longspan">
                                <label class="control-label" >选择采集项:</label>
                                <div class="controls">
                                    <!-- <span class="radio_box">
                                        <input type="checkbox" name="raido" id="checkItemAll" onclick="checkItem(this);" value="option1">全部
                                    </span> -->
                                    <label id="collector_Item">
                                        <input type="checkbox" name="raido" id="checkItemAll" onclick="checkItem(this);" value="option1">全部
                                    </label>
                                    <c:forEach var="item" items="${items}" varStatus="sgrope">                               
	                                		<label>
	                                             <input type="checkbox" name="ckb_ItemId" onclick="manuItemCheck(this);" value="${item.collectorItemId }">${item.name }
	                                        </label>		
									</c:forEach>
                                </div>
                            </div>
                        </div>
                        <div class="content_group">
                            <div class="tabpane_l">
                                <span style="margin-left:5px;float:left;width:100px;">选择日期:</span><br>
                                <div class="controls" style="float:left">
                                    <div id="checkCalendar" class="checkCalendar"></div>
                                </div>
                            </div>
                            <div class="tabpane_r" id="planTimeList">
                                <c:if test="${opera eq 'add'}">
                                <div class="row">
                                    <div class="span4">
                                        <label class="control-label">开始时间:</label>
                                        <div class="controls">
                                            <!--<input class="span7 defaultValueExample" type="text" value="4:30pm" />-->
                                            <input  class="Wdate" onfocus="WdatePicker({dateFmt:'HH:00:00'})" name="startTime" type="text" checkData="NotNull" />
                                        </div>
                                    </div>
                                    <c:if test="${type != 'config' && type != 'networkconfig'}">
	                                  <div class="span4"  >
                                        <label class="control-label">结束时间:</label>
                                        <div class="controls">
                                            <!--<input class="span7 defaultValueExample" type="text" value="12:30pm" />-->
                                            <input  class="Wdate" onfocus="WdatePicker({dateFmt:'HH:00:00'})" name="endTime" type="text" checkData="NotNull" />
                                        </div>
                                    </div>
                                    <div class="span4"  >
                                        <label class="control-label">间隔:</label>
                                        <div class="controls">
                                            <input class="span6" name="interval"  type="text"  checkData="Num>"  num="5"/>
                                        </div>
                                    </div>
									  </c:if>
                                    <div class="pos">
                                    	<a href="javascript:void(0);" onclick="deleteRow(this);" class="btn btn-danger btn-mini"><i class="ico-trash"></i></a>
										<a href="javascript:void(0);" onClick="addRow(this);" class="btn btn-primary btn-mini"><i class="ico-plus"></i></a>
                                    </div>
                                </div>
                                </c:if>
                               <c:forEach var="sdate" items="${Strategytime}" varStatus="sgrope">                               
	                                		      <div class="row">
                                    <div class="span4">
                                        <label class="control-label">开始时间:</label>
                                        <div class="controls">
                                            <!--<input class="span7 defaultValueExample" type="text" value="4:30pm" />-->
                                            <input  class="Wdate" onfocus="WdatePicker({dateFmt:'HH:00:00'})" name="startTime" type="text" value="${sdate.startTime}" checkData="NotNull" />
                                        </div>
                                    </div>
                                    <c:if test="${type != 'config' && type != 'networkconfig'}">
	                                  <div class="span4"  >
                                        <label class="control-label">结束时间:</label>
                                        <div class="controls">
                                            <!--<input class="span7 defaultValueExample" type="text" value="12:30pm" />-->
                                            <input  class="Wdate" onfocus="WdatePicker({dateFmt:'HH:00:00'})" name="endTime" type="text" value="${sdate.endTime}" checkData="NotNull" />
                                        </div>
                                    </div>
                                    <div class="span4"  >
                                        <label class="control-label">间隔:</label>
                                        <div class="controls">
                                            <input class="span6" name="interval"  type="text" value="${sdate.interval}" checkData="NotNull"/>
                                        </div>
                                    </div>
									  </c:if>
                                    <div class="pos">
                                    	<a href="javascript:void(0);" onclick="deleteRow(this);" class="btn btn-danger btn-mini"><i class="ico-trash"></i></a>
										<a href="javascript:void(0);" onClick="addRow(this);" class="btn btn-primary btn-mini"><i class="ico-plus"></i></a>
                                    </div>
                                </div>		
									</c:forEach>
                            </div>
                        </div>
                        <div class="last_group">
                            <div class="spanbtn">
                                <button class="press_btn1 addbtn" onclick="addPlan();" id="addPlanBtn" ><i class="add top_current"></i><span class="tianjia">添加</span></button>
                                <button class="press_btn2 Close" id="resetPlan" onclick="closeWindow();"><i class="del top_current"></i>取消</button>
                            </div>
                        </div>
                   </div>
   </div>
</body>
</html>
